@charset "utf-8";
/* CSS Document */

body{
	 
	 top:0px;	 bottom:0;	 left:0;	 right:0px; 
}

#Pagina{
	position:absolute;	top:0px;	float:left;	width:99%;
}

#topo  {
	top:0;	width:100%;	float:left;	margin-bottom:1%;	
}

#menu {
	width:100%; position:fixed; float:right;	left:0px; top=0px;
}
#menu ul li a #logo{
	width:10%;
	height:10%;
	top:0px;
	margin-top:-20px;
}


#topo img{
	width:100%;		height:500px; margin-top:4.5%; top:0;
}

#botoes{
	margin-right:1%;
	padding-right:3%;
	right:0px;
	width:200px;
	float:right;
	bottom:0px;
	top:-45px;
	position:relative;
	

}
#botoes a{
	border-top-right-radius:90%;
	border-bottom-left-radius:90%;
	border-bottom-right-radius:90%;
	background-color:#999;
	padding:13px;
	margin-left:1%;
	color:#FFF;
	font-style:oblique;
	font-family:Verdana, Geneva, sans-serif;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;

}



#Artigo1 {	width:100%;	height:600px;;	float:left;	display:table-column;	
	border-top-color:#CCC;	border-top-style:double;	border-right:thin; margin-bottom:2%;
}

#Artigo1 > h1{
	background-color:#000;	border-top-right-radius:30%;	border-bottom-left-radius: 60%;
	color: white;	text-align: center;	font-size: 30px;	
	padding-top:1%;	padding-bottom:1%;	padding-left:5%;	padding-right:5%;		
	margin-top:-7px;	margin-bottom:2%; margin-right:70%; margin-left:5%
}
#Artigo1 > h2{
	background-color:#000;	border-top-right-radius:30%;	border-bottom-left-radius: 60%;
	color: white;	text-align: center;	font-size: 30px;	
	padding-top:1%;	padding-bottom:1%;	padding-left:5%;	padding-right:5%;		
	margin-top:-7px;	margin-bottom:2%; margin-left:70%; margin-right:5%;
}

#CxArtigo1{
	width:50%;	height:500px;	float:left;	padding-left:1%;
}

#CxArtigo1 img{
	width:60%; margin-left:20%;
}



#CxArtigo1 h2, #CxArtigo2> h2{
	text-align:left;	font-family:"Times New Roman", Times, serif;	
	font-size:300%;	text-indent:1.5%;
}

#CxArtigo1 > h3, #CxArtigo2> h3{
	font-size:135%; 	text-indent:1.5%;
}

#CxArtigo1> h4, #CxArtigo2> h4{	
	font-size:125%;	text-indent:1.5%;	
}

#CxArtigo2{
	width:42%;	height:500px;	float:right;	padding-top:6%; margin-right:5%;
}

#CxArtigo2 img{
		width:90%;	height:70%;
}

#CxArtigo1> h5 input, #CxArtigo2> h5 input{
	font-size:250%;
	background-image: linear-gradient(to bottom, transparent, rgba(15,17,80,.15));
	background-color:#09F;
	cursor: pointer;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	border-top-right-radius: 30px;
	border-bottom-width:thin;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:0.5%;
	padding-top:0.5%;
	margin-left:33%;
	
}


#Cliente{
	margin-bottom:16%;
}


#artigo3{
	background-color:#FFF;

	margin-top:10%;
	margin-left:20%;
	margin-right:30%;
	margin-bottom:10%;
	

	width:700px;
	height:300px;

	border:solid 1px;
	border-color:#D1D1D1;	
	box-shadow: 5px 5px 10px #999;
	
	border-top-right-radius: 30%;
	border-top-left-radius: 10px;	
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#artigo3 > h1{
	background-color:#000;	border-top-right-radius:30%;	border-bottom-left-radius: 60%;
	color: white;	text-align: center;	font-size: 30px; position:static; float:left;
	width:40%; padding:0.8%; margin-top:-20px; margin-left:-30px;
}

#CxArtigo3{
	margin-top:10%;
	float:left;
	margin-left:-60px;
}

#CxArtigo3 input{
	
	margin-left:3%;
	padding-left:1%;
	height:20px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
	
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}

#CxArtigo3 #areabtn input{
	
	padding-left:5%;
	padding-right:5%;
	padding-top:1%;
	padding-bottom:9%;	
	margin-left:30%;
	background-color:#000;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	border-top-right-radius: 30px;
	border-top-left-radius: 0px;	
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 30px;
	
}
#CxArtigo4{
	margin-top:9%;
	margin-left:30%;
	
}
#CxArtigo4 input {
	
	font-size:20px;
	padding-top:1%;
	padding-left:5%;
	margin-top:2%;
	
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	border:solid 1px;
	border-color:#D1D1D1;	
	box-shadow: 5px 5px 10px #999;
}

#CxArtigo4 #btnentrar{
	color:#FFF;
	background-color:#000;
	font-size:20px;
	font-weight:bold;
	border-top-right-radius: 30px;
	border-top-left-radius: 0px;	
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 30px;
	margin-left:20%;
	padding-right:3%;

}


footer{
	bottom:0px;	position:static;	width:98%;	float:left;	background-color:#333;	padding:1%;
	border-top-right-radius: 15%;	border-top-left-radius: 15%;	
}


footer ul{
	padding-left: 5%;	font-style: normal;	line-height: normal;
	font-variant: normal;	text-transform: none;
}

footer ul li{	
	display:inline;	vertical-align:middle;	margin-left:0.5%;	margin-right:0.5%;
}

footer ul li a{
	font-size: 120%;	color:#FFF;	text-decoration: none;
}

footer #ass{
	margin-top:-35px;	margin-left:90%;	font-size:18px;	color:#FFF;	
}

#body {
	
}






